/*头部样式*/
header{box-sizing: border-box; margin:0 200px; margin:0 2rem;height: 100px;height: 1rem; overflow: hidden; }
.logo{float: left; margin-top:24px; margin-top:0.24rem; margin-right:41px;margin-right:0.4rem;width:120px; height: 52px;width:1.2rem; height: 0.52rem;}
.logo img{width: 100%; height: auto}
nav{ float: left;margin-right: 36px;margin-right: 0.36rem;}
nav ul li{display: inline-block;}
nav ul li a{display: block; width: 72px; width: 0.72rem; line-height: 100px;line-height: 1rem; text-align: center;font-size: 18px;}
nav ul li a.active,nav ul li a:hover{background-color: #0099ff; color: #fff; font-weight: 600;}
.header-select{ float: left; margin-top:26px; margin-top:0.26rem;  width: 381px; width: 3.8rem; height: 48px; height: 0.48rem;background-color:rgba(0,153,255,0.05);border-radius: 24px; }
.header-select input{ width: 310px;width: 3.1rem;height: 24px;height: 0.24rem; line-height: 24px; line-height: 0.24rem; border:none;background: none; outline: none; margin-left: 25px; margin-left: 0.25rem; padding-top: 11px;padding-top: 0.11rem; font-size: 16px;color:#333;}
.select-input-icon{position: relative; top:6px;top:0.06rem; width: 24px; height: 24px; width: 0.24rem; height: 0.24rem}
.right-user-info{ float: right; overflow: hidden}
.user-img{ float: left; margin-top:25px; margin-top:0.25rem; margin-right: 10px; margin-right: 0.1rem; width: 50px;width: 0.5rem; height: 50px;height:0.5rem; border-radius: 50%; }
.user-img img{ width: 100%; height: auto}
.right-user-info a{ line-height: 100px; line-height: 1rem; display: inline-block;font-size: 16px;color: #666}
.right-user-info a:hover,.right-user-info a.user-center,.right-user-info a.platnet{color: #0099ff;}
.right-user-info a.platnet{font-weight: 600}
.loginIn{display: none}
footer{height: 193px; background: #999999}
/*头部样式结束*/

/*公共样式*/
.padding200{padding:0 200px;padding:0 2rem;}
.text-center{ text-align: center}
.ellipsis{overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.any-line-ellipsis{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
/*公共样式结束*/


/*分页*/

.clear:after {
    content: '';
    display: block;
    clear: both;
}

.pagination {
    text-align: center;
    overflow: hidden;
}

.pagination span {
    margin: 0 10px;
    display: inline-block;
    text-align: center;
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    color: #333;
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}

.pagination span.page, .pagination span.prev, .pagination span.next {
    cursor: pointer;
}
.pagination span.prev:hover, .pagination span.next:hover{
    color: #0099ff;
}
.pagination span.page:hover {
    color: #fff;
    cursor: default;
    background-color: #9ebfd6;
    border-radius: 50%;
    cursor: pointer;
}

.pagination span.page.active {
    color: #fff;
    cursor: default;
    background-color: #9ebfd6;
    border-radius: 50%;
}

.pagination span.prev.disabled, .pagination span.next.disabled {
    color: #999;
    cursor: not-allowed;
}

.pagination input[type='text'] {
    padding: 2px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    outline: none;
    transition: .2s all;
}
.pagination input[type='text']:focus {
    border-color: #409eff;
}
/*分页结束*/




/*蒙层*/
.fullbg{
    background-color:gray;
    left:0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    z-index: 2;
    filter: alpha(opacity=50);
    width:100%; height: 100%;
}
[v-cloak] {
    display: none;
}
/*媒体查询*/
@media screen and (min-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
    nav ul li a{font-size: 12px;}
    nav { margin-right: 0.03rem;}
    .font18{font-size: 13px;}
    .header-select input{font-size: 12px;}
    .font16{font-size: 12px;}
    .right-user-info a{font-size: 12px;}
    .news-title a{font-size: 14px;}
    .font14{font-size: 12px;}
    .font15{font-size: 12px;}
    .font22{font-size: 14px}
    .font20{font-size: 13px;}

}
@media screen and (min-width: 1280px) {
    nav ul li a{font-size: 14px;}
    nav { margin-right: 0.36rem;}
    .font18{font-size: 14px;}
    .header-select input{font-size: 14px;}
    .font16{font-size: 13px;}
    .right-user-info a{font-size: 13px;}
    .news-title a{font-size: 16px;}
    .font14{font-size: 12px;}
    .font15{font-size: 13px;}
    .font22{font-size: 16px}
    .font20{font-size: 15px;}
}
@media screen and (min-width: 1440px) { /*当屏幕尺寸小于1440px时，应用下面的CSS样式*/
    nav ul li a{font-size: 16px;}
    nav { margin-right: 0.36rem;}
    .font18{font-size: 16px;}
    .header-select input{font-size: 14px;}
    .font16{font-size: 14px;}
    .right-user-info a{font-size:  14px;}
    .news-title a{font-size: 16px;}
    .font14{font-size: 13px;}
    .font15{font-size: 13px;}
    .font22{font-size: 18px}
    .font20{font-size: 17px;}
}
@media screen and (min-width: 1680px) { /*当屏幕尺寸小于1680px时，应用下面的CSS样式*/
    nav ul li a{font-size: 16px;}
    nav { margin-right: 0.36rem;}
    .header-select input{font-size: 14px;}
    .right-user-info a{font-size:  14px;}
    .font18{font-size: 16px;}
    .font16{font-size:  14px;}
    .news-title a{font-size: 18px;}
    .font14{font-size: 13px;}
    .font15{font-size: 14px;}
    .font22{font-size: 20px}
    .font20{font-size: 18px;}
}
@media screen and (min-width: 1920px) { /*当屏幕尺寸小于1920px时，应用下面的CSS样式*/
    nav ul li a{font-size: 18px;}
    nav { margin-right: 0.36rem;}
    .header-select input{font-size: 16px;}
    .font18{font-size: 18px;}
    .font16{font-size:  16px;}
    .right-user-info a{font-size: 16px;}
    .font20{font-size: 20px;}
    .news-title a{font-size: 20px;}
    .font14{font-size: 14px;}
    .font15{font-size: 15px;}
    .font22{font-size: 22px}
}



